<template>
  <!-- 碳交易界面母版 -->
  <header>
    <TopMenu></TopMenu>
  </header>
  <main>
    <el-row>
      <el-col :span="4">
        <SideMenu :routes="routes" />
      </el-col>
      <el-col :span="20">
        <router-view />
      </el-col>
    </el-row>
  </main>
</template>

<script name="trade" setup lang='ts'>
import TopMenu from '@/components/Menu/TopMenu.vue';
import SideMenu from '@/components/Menu/SideMenu.vue';

const routes = [
  {
    path: '/trade/market',
    name: '碳交易市场',
    menuTitle: '碳交易市场',
    component: () => import('@/views/CarbonTrade/TradeMarket.vue')
  },
  {
    path: '/trade/direct',
    name: '定向交易',
    menuTitle: '定向交易',
    component: () => import('@/views/CarbonTrade/TradeDirect.vue')
  },
  {
    path: '/trade/group',
    name: '群组交易',
    menuTitle: '群组交易',
    component: () => import('@/views/CarbonTrade/TradeGroup.vue')
  },
  {
    path: '/trade/create',
    name: '挂牌',
    menuTitle: '挂牌',
    component: () => import('@/views/CarbonTrade/TradeCreate.vue')
  }
]
</script>

<style scoped></style>